
<script lang="ts" setup>
import { onMounted,reactive} from 'vue'

// import axios from 'axios'

import request from '@/utils/request.js'

let dataList =reactive([])

onMounted(async()=>{
  console.log('ddd')
  //请求跨域,数据是查了,但是响应不到5173的端口里面来
  // const {data}=axios.get('http://localhost:8080/ktnews/api/admin/newsType?opr=page')

  //request.js + vite.config.ts 在前端解决跨域的问题
  //request.get|post 获取到是一个promise对象
  //需要.then().catch() 去处理数据
  //也可以使用 async + await 直接解构返回出来的数据
  const {data}=await request.get('/api/admin/newsType?opr=page')

  console.log('data: ',data)
  dataList.push(...data.data)
  //axios.get //获取  查询
  //axios.post  //增删改

})

</script>

<template>
    <div>
        <h1>新闻列表</h1>
        <ul>
          <li v-for="(newsType,idx) in dataList"  :key ="idx">
            {{newsType.typeName}}
          </li>
        </ul>
    </div>
</template>
